/* 公共样式 */

/* 单行文本省略 */
.onelineTextOmission {
  white-space:nowrap(不换行); 
  overflow:hidden; 
  text-overflow:ellipsis; 
}

/* 多行文本省略 */
.multlineTextOmission {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-line-clamp:2; 
  -webkit-box-orient:vertical; 
  word-break:break-all; 
}

/* 滚动条 */
.scrollBar {
  overflow:auto;
}

/* 修改滚动条的样式 */
.scrollBar::-webkit-scrollbar {
    width: 10px; 
    background-color: #1a52c0; 
}

/* 修改滚动条的轨道样式 */
.scrollBar::-webkit-scrollbar-track {
   background-color: #f0efef;
}

/* 修改滚动条的滑块样式 */
.scrollBar::-webkit-scrollbar-thumb {
   background-color: #bcdbf8;
}

/* 修改滚动条的滑块悬停时样式 */
.scrollBar::-webkit-scrollbar-thumb:hover {
   background-color: #257dce; 
}

/* 加载指令样式 */
.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
}

.loading-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #3498db; /* Blue */
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}